import React from 'react'
import {Col, Row} from "antd";

import {WeaLocaleProvider,WeaInputNumber} from "ecCom";
const getLabel = WeaLocaleProvider.getLabel;

export default class SettingExtend extends React.Component{

    render (){
        const {setting,setSetting} = this.props
        const {showNumber} = setting
        return (
            <div>
                <div style={{'margin-top':'10px'}}>
                    <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@3ru1pt`}>
                        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@4sogul`} span={6} >
                            <div>{getLabel(19493, '显示条数')} :</div>
                        </Col>
                        <Col ecId={`${this && this.props && this.props.ecId || ''}_Col@2axtev`} span={18}>
                            <WeaInputNumber ecId={`${this && this.props && this.props.ecId || ''}_WeaInputNumber@kdd3g2`}  value={showNumber} viewAttr={2} onChange={value => setSetting({showNumber: value})}/>
                        </Col>
                    </Row>
                </div>
            </div>
        )
    }
}